@charset "utf-8";
@import "iconfont.scss";
@function r($px) {
    @return($px/40) *1rem;
}

@function px($px) {
    @return($px/2) * 1px;
}

#web {
    width: r(750);
    height: 100%;
    position: relative;
}

header {
    width: 100%;
    height: 75px;
    padding-top: 17px;
    .head_logo {
        width: 61.5px;
        height: 123px;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .searchBar {
        width: r(264);
        height: 25px;
        border: 1px solid #ff9344;
        border-radius: 25px;
        margin: 17px auto 0px;
        font-size: 0;
        padding: 0 5px;
        box-sizing: border-box;
        input {
            display: inline-block;
            vertical-align: middle;
            border: none;
            width: calc(100% - 24px);
            height: 100%;
        }
        img {
            vertical-align: middle;
            width: 18px;
            height: 18px;
        }
    }
    .selectBar {
        width: 79px;
        height: 27px;
        border: 1px solid #FF9344;
        margin-top: 13px;
        select {
            width: 100%;
            height: 100%;
            border: none;
            outline: none;
            vertical-align: top;
            //去除默认样式
            appearance: none;
            -webkit-appearance: none;
            background-image: url(../img/dsjx_09.jpg);
            background-repeat: no-repeat;
            background-size: 15px 8px;
            background-position: right 6px center;
        }
    }
}

footer {
    width: r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;
    li {
        width: 25%;
        text-align: center;
        .iconfont{
           font-size: r(72);
           color: white;
           -webkit-text-stroke: 1px #FF9344;
        }
        .wz26{
            font-size: r(26);
            color: black;
        }
    }
    .shouye{
        .iconfont{
            color: #FF9344;
        }
    }
}
.session {
    position: absolute;
    top: 75px;
    bottom: px(136);
    left: r(20);
    right: r(20);
    //纵向滚动
    overflow-y: scroll;
    //弹性滚动
    -webkit-overflow-scrolling: touch;
    
    .gundon {
        width: 100%;
        img {
            width: 100%;
        }
    }
    .gundon1 {
        height: r(88);
        width: r(710);
        img{
            width: r(56);
        }
        .wz30 {
            font-size: r(30);
            vertical-align: middle;
        }
        .yhtg{
            vertical-align: middle;
        }
        .wz24 {
            font-size: r(24);
            vertical-align: middle;
        }
        .gd{
            vertical-align: middle;
        }
       .gengduo{
            img{
                width: r(25);
                min-width: 12px;
            }
        }
    }
    .gundon2 {
        margin: 0 auto;
        width: r(585);
        div {
            width: r(241);
            img {
                width: 100%;
            }
        }
        
    }
    .gundon3 {
        height: r(88);
        width: r(710);
        img{
            width: r(55);
        }
        .wz30 {
            font-size: r(30);
            vertical-align: middle;
        }
        .wz24 {
            font-size: r(24);
            vertical-align: middle;
        }
        .cnxh{
            vertical-align: middle;
        }
        .gd {
            vertical-align: middle;
        }
        .gengduo{
            img{
                width: r(25);
                min-width: 12px;
            }
        }
    }
    .gundon4 {
        width: r(715);
        .gundon4-2 {
            .img_box {
                width: r(210);
                height: 100%;
                img {
                    width: 100%;
                }
            }
        }
        .gundon4-2-2 {
            margin-top: r(29);
            margin-left: r(15);
            line-height: r(50);
            width: r(485);
            height: r(119);
        }
        .wz30 {
            font-size: r(30);
            
        }
        .wz22 {
            font-size: r(22);
            color: #494949;
           
        }
        .srtc {
            width: 100%;
        }
        .wz32 {
            font-size: r(32);
            color: #ff9344;
        }
    }
}

